<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>用户主页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="full-screen" content="yes"/>
    <meta name="browsermode" content="application"/>
    <meta name="x5-orientation" content="portrait"/>
    <meta name="x5-fullscreen" content="true"/>
    <meta name="x5-page-mode" content="app"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui"/>
    <link rel="stylesheet" href="./resources/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="./resources/css/bootstrap-vue.min.css"/>
    <link rel="stylesheet" href="./resources/css/dashboard.css"/>
     <link rel="stylesheet" type="text/css" href="./resources/css/app.css"/>

  </head>
<body>
<div class="container-fluid" id="app">
  <div class="row">
    <main role="main" class="col-md-12 ">
      <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
        <h1 class="h2">参考文档</h1>
      </div>
	   1.<a href="https://bootstrap-vue.js.org/docs" target="_blank">bootstrap-vue 官方文档</a><br/><br/>
	   2.<a href="https://www.runoob.com/bootstrap4/bootstrap4-tutorial.html" target="_blank">bootstrap4 W3C教程</a><br/><br/>
	   3.<a href="https://getbootstrap.com/docs/4.3/getting-started/introduction/" target="_blank">bootstrap4官网</a><br/><br/>
       4.<a href="http://html.phoenixcoded.net/mega-able/default/icon-font-awesome.html" target="_blank">图标官网</a><br/><br/>
       5.<a href="http://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.js" target="_blank">bootstrap-vue 最新js</a><br/><br/>
       6.<a href="http://unpkg.com/bootstrap/dist/css/bootstrap.min.css" target="_blank">bootstrap-vue 最新css</a><br/><br/>
       
       <h2>定制按钮</h2>
       <button class="bt bt-success">success</button>
		<button class="bt bt-primary">primary</button>
		<button class="bt bt-danger">danger</button>
		<button class="bt bt-info">info</button>
		<button class="bt bt-warning">warning</button>
       
      <h2>样例表格</h2>
      <div class="table-responsive">
        <table class="table table-striped table-sm">
          <thead>
            <tr>
              <th>#</th>
              <th>Header</th>
              <th>Header</th>
              <th>Header</th>
              <th>Header</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>1,001</td>
              <td>Lorem</td>
              <td>ipsum</td>
              <td>dolor</td>
              <td>sit</td>
            </tr>
            <tr>
              <td>1,002</td>
              <td>amet</td>
              <td>consectetur</td>
              <td>adipiscing</td>
              <td>elit</td>
            </tr>
            <tr>
              <td>1,003</td>
              <td>Integer</td>
              <td>nec</td>
              <td>odio</td>
              <td>Praesent</td>
            </tr>
            <tr>
              <td>1,003</td>
              <td>libero</td>
              <td>Sed</td>
              <td>cursus</td>
              <td>ante</td>
            </tr>
            <tr>
              <td>1,004</td>
              <td>dapibus</td>
              <td>diam</td>
              <td>Sed</td>
              <td>nisi</td>
            </tr>
            <tr>
              <td>1,005</td>
              <td>Nulla</td>
              <td>quis</td>
              <td>sem</td>
              <td>at</td>
            </tr>
            <tr>
              <td>1,006</td>
              <td>nibh</td>
              <td>elementum</td>
              <td>imperdiet</td>
              <td>Duis</td>
            </tr>
            <tr>
              <td>1,007</td>
              <td>sagittis</td>
              <td>ipsum</td>
              <td>Praesent</td>
              <td>mauris</td>
            </tr>
            <tr>
              <td>1,008</td>
              <td>Fusce</td>
              <td>nec</td>
              <td>tellus</td>
              <td>sed</td>
            </tr>
            <tr>
              <td>1,009</td>
              <td>augue</td>
              <td>semper</td>
              <td>porta</td>
              <td>Mauris</td>
            </tr>
            <tr>
              <td>1,010</td>
              <td>massa</td>
              <td>Vestibulum</td>
              <td>lacinia</td>
              <td>arcu</td>
            </tr>
            <tr>
              <td>1,011</td>
              <td>eget</td>
              <td>nulla</td>
              <td>Class</td>
              <td>aptent</td>
            </tr>
            <tr>
              <td>1,012</td>
              <td>taciti</td>
              <td>sociosqu</td>
              <td>ad</td>
              <td>litora</td>
            </tr>
            <tr>
              <td>1,013</td>
              <td>torquent</td>
              <td>per</td>
              <td>conubia</td>
              <td>nostra</td>
            </tr>
            <tr>
              <td>1,014</td>
              <td>per</td>
              <td>inceptos</td>
              <td>himenaeos</td>
              <td>Curabitur</td>
            </tr>
            <tr>
              <td>1,015</td>
              <td>sodales</td>
              <td>ligula</td>
              <td>in</td>
              <td>libero</td>
            </tr>
          </tbody>
        </table>
       </div>
       
    </main>
  </div>
</div><!-- div -->
<script src ="./resources/js/vue.min.js"></script>
<script src ="./resources/js/bootstrap-vue.min.js"></script>
<script src ="./resources/js/axios.min.js"></script>
<script src ="./resources/js/vue-axios.min.js"></script>
<script src ="./resources/js/app.js"></script>
<script type="text/javascript">
new Vue({
	   el   : '#app'
});
</script>
</body>
</html>
